<!--导航栏-->
<nz-card>
  <div nz-row [nzGutter]="0" style="background-color: #1890ff;width: 100%;">
    <div nz-col [nzSpan]="12" style="text-align:left;font-size: 14px;color:white;padding-top:8px;padding-left:10px;">
      <i nz-icon nzType="caret-right" nzTheme="outline" style="margin-left:5px;margin-right: 5px;"></i>{{topTitle}}
    </div>
    <div nz-col [nzSpan]="12" style="text-align:right;display: block;padding-top:5px;padding-bottom:5px;padding-right: 15px;">
      <!--首页按钮-->
      <button *ngIf="isBtnHome" nz-button [nzType]="'primary'" (click)="btnClick('home')" title= "事项清单" class="topButton">
        <i nz-icon nzType="home"></i>
      </button> 
      <button *ngIf="!isBtnHome" nz-button disabled [nzType]="'link'" title= "事项清单" class="topButton">
        <i nz-icon nzType="home"></i>
      </button> 
      <!--返回经办环节按钮-->
      <button *ngIf="isBtnCur" nz-button [nzType]="'primary'" (click)="btnClick('cur')" title= "返回经办环节" class="topButton">
        <i nz-icon nzType="environment"></i>
      </button> 
      <button *ngIf="!isBtnCur" nz-button disabled [nzType]="'link'" title= "返回经办环节" class="topButton">
        <i nz-icon nzType="environment"></i>
      </button> 
      <!--知识库按钮-->
      <button *ngIf="isBtnZsk" nz-button [nzType]="'primary'" (click)="btnClick('zsk')" title= "知识库" class="topButton">
        <i nz-icon nzType="zhihu"></i>
      </button> 
      <button *ngIf="!isBtnZsk" nz-button disabled [nzType]="'link'" title= "知识库" class="topButton">
        <i nz-icon nzType="zhihu"></i>
      </button> 
      <!--作废按钮-->
      <button *ngIf="isBtnDelete" nz-button [nzType]="'primary'" (click)="btnClick('delete')" title= "作废" class="topButton">
        <i nz-icon nzType="delete"></i>
      </button> 
      <button *ngIf="!isBtnDelete" nz-button disabled [nzType]="'link'" title= "作废" class="topButton">
        <i nz-icon nzType="delete"></i>
      </button> 

      <!--上一步按钮-->
      <button *ngIf="isBtnBack" nz-button [nzType]="'primary'" (click)="btnClick('back')" title= "上一步" class="topButton">
        <i nz-icon nzType="arrow-left"></i>
      </button> 
      <button *ngIf="!isBtnBack" nz-button disabled [nzType]="'link'" title= "上一步" class="topButton">
        <i nz-icon nzType="arrow-left"></i>
      </button> 

      <!--下一步按钮-->
      <button *ngIf="isBtnNext" nz-button [nzType]="'primary'" (click)="btnClick('next')" title= "下一步" class="topButton" style="margin-right: 10px;">
        <i nz-icon nzType="arrow-right"></i>
      </button> 
      <button *ngIf="!isBtnNext" nz-button disabled [nzType]="'link'" title= "下一步" class="topButton" style="margin-right: 10px;">
        <i nz-icon nzType="arrow-right"></i>
      </button> 
    </div>
  </div>
</nz-card>


  <div class="outer-container"  [ngStyle]="styleParam" >
    <div class="inner-container">
      <div class="content"  [ngStyle]="styleParam">
        <!--事项列表-->
        <lb-sxlist [hidden]="isSxList_0" (clickItem)="clickItem($event)"></lb-sxlist>
        <!--知识库-->
        <lb-zskInfo [hidden]="isZsk_1" #zskInfo></lb-zskInfo>
        <!--一件事-->
        <lb-yjs [hidden]="isYjs_2" #yjs></lb-yjs>
        <!--一件事子项选择-->
        <lb-yjszx [hidden]="isYjszx_3" #yjszx></lb-yjszx>
        <!--人员信息-->
        <lb-gr #gr [hidden]="isGr_4" (clickItem)="selectRow($event)" ></lb-gr>
        <!--单位信息-->
        <lb-dw #dw [hidden]="isDw_5" (clickItem)="selectRow($event)"></lb-dw>
        <!--收件表单-->
        <lb-form #sjForm [hidden]="isForm_6"></lb-form>
      </div>
    </div>
  </div>





